<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/rem.js"></script>
		<script src="js/mypreload.js"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/switchPillow.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_952067_7grecky9p0r.css"/>
		<title>选择枕头</title>
	</head>
	<body>
		<div id="switchPillow">
			<section id="logo"><img src="img/switchPillow/logo.png" alt="" /></section>
			<section id="switchBtn" class="row">
				<div class="col-xs-1"></div>
				<div class="col-xs-5" id="turnLeft"><i class="iconfont icon-jiantoudingweixiangzuo"></i>&nbsp; 上一款</div>
				<div class="col-xs-3"></div>
				<div class="col-xs-4" id="turnRight">下一款 &nbsp;<i class="iconfont icon-jiantoudingweixiangyou"></i></div>
			</section>
			<section id="switchArea">
				<img src="img/switchPillow/banner2.png"/>
				<div id="pillow1" class="allPillow"><img id="pillowImg1"  src="img/switchPillow/zhentou1.png" alt="" /><div>泰迪枕</div></div>
				<div id="pillow2" class="allPillow"><img id="pillowImg1"  src="img/switchPillow/zhentou2.png" alt="" /><div>雅典梦幻枕</div></div>
				<div id="pillow3" class="allPillow"><img id="pillowImg1"  src="img/switchPillow/zhentou3.png" alt="" /><div>安琪儿枕</div></div>
				<div id="pillow4" class="allPillow"><img id="pillowImg1"  src="img/switchPillow/zhentou4.png" alt="" /><div>太空智能枕</div></div>
			</section>
			<section id="tips" class="row">
				<div class="col-xs-offset-2 col-xs-8 divTips2" >左右滑动选择您最喜欢的一款产品来参与游戏吧</div>
			</section>
			<section id="allBtn">
				<div class="col-xs-1"></div>
				<div id="returnIndex" class="col-xs-4 btn btn-danger">返回首页</div>
				<div class="col-xs-1"></div>
				<div id="sure" class=" col-xs-4 btn btn-danger">确定选择</div>
			</section>
			
			
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-body row">
							<div class="col-xs-offset-1 col-xs-10"></div>
							<div class="col-xs-offset-2 col-xs-8">产品特点</div>
							<div class="col-xs-offset-1 col-xs-10"></div>
							<div id="produceImg"><img src="img/switchPillow/zhentou1.png" alt="" /></div>
							<div id="produceName">泰迪枕</div>
							<div id="produceInfo">
	 							来自优质赛诺太空棉的温感慢回弹，配合人体工学曲线造型，帮助您保持颈椎自然曲线，给您整晚的呵护与健康。可爱的泰迪熊刺绣，代表温暖、忠诚和守护
							</div>
							
						</div>
						<div class="modal-footer row">
							<div id="closeBtn" class="btn btn-danger">关闭详情</div>
						</div>
					</div>
				</div>
			</div>
			
			
		</div>
		<script src="js/switchPillow.js"></script>
	</body>
</html>
